<template>
    <div class="test-page">
        <div class="status">
            <el-divider content-position="left">答题状态</el-divider>
            <div class="flex item-center">
                <el-tag type="primary">完成进度：</el-tag>
                <el-progress style="width: 90%;margin-left:20px;" :percentage="50"></el-progress>
            </div>
        </div>
        <div class="desc">
            <el-divider content-position="left">答题说明</el-divider>
            <div v-html="paperInfo.explain_info"></div>
        </div>
        <div class="testlist" v-if="testList && testList.length">
            <el-divider content-position="left"></el-divider>
            <ul>
                <li v-for="(item, i) in testList" :key="item.id">
                    <Exercise :question="item" :total="testList.length" :current="i + 1" />
                </li>
            </ul>
        </div>
    </div>
  </template>
  
  <script>
  import Exercise from './Exercise';
  export default {
    components: {
        Exercise
    },
    props: {
        paperInfo: {
            type: Object,
            require: true,
            default: () => {
                return {}
            }
        },
        testList: {
            type: Array,
            require: true,
            default: () => {
                return []
            }
        }
    }
  }
  </script>
  
  <style lang="scss" scoped>
  
  </style>